<template>
  <div id="app">
    <el-container>
      <el-header><Header ></Header></el-header>
      <el-main id="main"><router-view /></el-main>
      <el-footer style="height: auto"><Footer></Footer></el-footer>
    </el-container>
    <GoTop></GoTop>
    <!-- <Spig></Spig> -->
  </div>
</template>
<script>
import Header from "@/components/public/Header"
import Footer from "@/components/public/Footer"
import GoTop from '@/components/GoTop'
import CanvasNest from "canvas-nest.js"
import Spig from '@/components/Spig'
const config = {
  color: "0, 255, 255", // 线条颜色
  pointColor: "255, 0, 255", // 节点颜色
  opacity: 1, // 线条透明度
  count: 100, // 线条数量
  zIndex: 99 // 画面层级
};

export default {
  name: "App",
  components: {
    Header,
    Footer,
    GoTop,
    Spig
  },
  created() {
    this.$nextTick(() => {
      // Using config rendering effect at 'element'.
      //const cn = new CanvasNest(document.getElementById("app"), config);
      // destroy
      //cn.destroy();
    });
    document.body.removeChild(document.getElementById('Loading'))
  },
  mounted(){
  }
};
</script>

<style lang="stylus" scoped>
#app 
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  //text-align: center;
  color: #2c3e50
  display flex
  align-items center
  justify-content center
  .el-container
    //text-align center
    display flex
    //background-color #f5f5f5
    .main
      height 815px
    .el-header
      height 60px
      position fixed
      top 0
      left 0
      z-index 99999
      width 100%
      padding 0
      background-color #ffffff
      border-bottom solid 1px #e6e6e6
      box-sizing border-box
    .el-main
      width 100%
      padding 20px 0
      //text-align center
      display flex
      align-items center
      justify-content center
      margin-top 60px
      margin-bottom 120px
      z-index 2
    .el-footer
      padding 0
      width 100%
      z-index 2
      border-top 1px solid #ccc
      // position fixed
      // bottom 0
      // left 0
      // z-index 99999
</style>
